<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0"/>
		<meta charset="utf-8" />
		<title></title>
		<link type="text/css" rel="stylesheet" href="css/Home.css" />
		<!--<script src="js/Homejs.js"></script>-->
	</head>
	
	<body>
		<div class="box">
			<div class="header">
				<div class="logo">
					<img src="img/logo.png" />
				</div>
				<div class="nav">
					<ul>
						<li><a href="index.html">首&nbsp;&nbsp;&nbsp;页</a></li>
						<li><a href="gny.html">国内游</a></li>
						<li><a href="index.html">出境游</a></li>
						<li><a href="index.html">签&nbsp;&nbsp;&nbsp;证</a></li>
						<li><a href="index.html">联系我们</a></li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="h-right">
					<img src="img/r.png" />
				</div>
				<div class="clear"></div>
			</div>
			<div class="content">
				<div class="c-left">
					<img src="img/c-l.png" />
				</div>
				<div class="imgScroll" id="imgScroll" onmouseover="stops()" onmouseout="start()">
				  	<div class="smallimgbox">
					  	<ul class="img1" id="img1">
					  	  <li><img src="img/img (1).jpg"/></li>
					  	  <li><img src="img/img (2).jpg"/></li>
					  	  <li><img src="img/img (3).jpg"/></li>
					  	  <li><img src="img/img (4).jpg"/></li>
					  	  <li><img src="img/img (5).jpg"/></li>
					  	  <li><img src="img/img (6).jpg"/></li>
					  	  <li><img src="img/img (7).jpg"/></li>
					  	  <li><img src="img/img (8).jpg"/></li>
					  	</ul>
					  	<ul class="img2" id="img2"></ul>
				  	</div>
		  		</div>
				<div class="clear"></div>
			</div>
			<div class="footer">
				<div class="login">
					<form>
						用户名：<input class="input" type="text" placeholder="请输入您的用户名/手机号/邮箱"/>
						密&nbsp;&nbsp;&nbsp;码：<input class="input" type="password" placeholder="请输入您的密码"/>
						验证码：<input class="input" type="text" placeholder="请输入右图所示验证码"/>
						<input class="dlbut" type="submit" value="登录"/>
					</form>
				</div>
			</div>
		</div>	
	</body>
	<script type="text/javascript">
		//获取元素
		var imgScroll = document.getElementById("imgScroll");
		var img1 = document.getElementById("img1");
		var img2 = document.getElementById("img2");
		//赋值img2的内容为img1的内容
		img2.innerHTML = img1.innerHTML;
		//创建marquee函数实现移动
		  	function marquee(){
		  		imgScroll.scrollTop ++;
		  		if(imgScroll.scrollTop >= img2.offsetTop-img1.offsetTop){
		  			imgScroll.scrollTop -= img2.offsetTop-img1.offsetTop; 
		  		}
		  	}
		var scrollTime = null;
		  	function start(){
		  		window.clearInterval(scrollTime);
		  		scrollTime = setInterval('marquee()',20);
		  	}
		  	function stops(){
		  		window.clearInterval(scrollTime);
		  	}
		  	window.onload  = function (){
		  		start();
		  	}
	</script>
</html>
